﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" >
	#daohang{background-image:url(images/daohengbeijing.jpg);
	width:100%;
	height:20px;}
	li{list-style:none;
	float:left;
	}
	#hengxiang{color:#FFF;
	width:100%;
    line-height: 10px; 
 	list-style-type: none;
	height:35px;
	padding:15px 0px 0px 80px;
	margin:0px 0px 0px 0px;
	font-size:28px;
	font-family:"华文隶书";
	position:relative;
	}
	#daohang{height:55px;
	
	}
	#logo{
		background-image:url(images/titlepic.jpg);
		width: 100%;
		height: 200px;
		position:relative;
		}
	#login{color:#FFF;
	font-family:"华文隶书";
	font-size:25px;
	margin: 10% 3% 1% 0%;
	}
a:link {
	color:#FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00F;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #000;
}
#apDiv1 {
	background-color:#09F;
	position:absolute;
	width:124px;
	height:129px;
	z-index:1;
	left: 318px;
	top: 46px;
}

#apDiv2 {
	background-color:#09F;
	position:absolute;
	width:124px;
	height:197px;
	z-index:1;
	left: 968px;
	top: 45px;
}

</style>
<title>主页</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  		//显示隐藏医院概况
		$("#yiyuangaikuang").mouseover(function(){
    	$("#apDiv1").toggle();
  		});
		$("#apDiv1").mouseout(function(){
    		$("#apDiv1").hide();
  		});
		$("#apDiv1").mouseover(function(){
    		 $("#apDiv1").show();	
  		});
		//显示隐藏就医指南
		$("#jiuyezhinan").mouseover(function(){
    	$("#apDiv2").toggle();
  		});
		$("#apDiv2").mouseout(function(){
    		$("#apDiv2").hide();
  		});
		$("#apDiv2").mouseover(function(){
    		 $("#apDiv2").show();	
  		});
		
});
</script>
</head>

<body >

	<div id="logo">
    	<table id="login"  border="0" align="right">
        	<tr>
            <td colspan="2" ><a href="doctorlogin.jsp" target="_blank">医院内网登录</a></td>
            </tr>
            <tr>
            <td ><a href="consumerlogin.jsp"  target="_blank">用户登录&nbsp;&nbsp;|&nbsp;&nbsp;</a></td>
             <td><a href="consumerreg.jsp" target="_blank">注册</a></td>
          </tr>
        </table>
    </div>
  <div id="daohang"  >
    <ul id="hengxiang" >
                <li><a href="">首页</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|
                	
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                <li><a id="yiyuangaikuang">医院概况</a>
                  <div id="apDiv1"  style="display:none;">
                  	<br/><a href="">医院介绍</a><br/><br/>
                  	--------------<br/><br/><a href="">医院历绍</a><br/><br/>
                  	--------------<br/><br/><a href="">医院荣誉</a>
                  </div>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
               <li><a  href="">医院文化</a>
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                <li><a href="">专家会诊</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                <li><a id="jiuyezhinan" href="">就医指南</a>
                <div id="apDiv2" style="display:none;">
                  	<br/><a  href="">交通位置</a><br/><br/>
                  	--------------<br/><br/><a href="">门诊安排</a><br/><br/>
                  	--------------<br/><br/><a href="">预约挂号</a><br/><br/>
                  	--------------<br/><br/><a href="">住院须知</a><br/><br/>
                  	--------------<br/><br/><a href="">医保服务</a>
                 </div>
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
    </ul>
  <img  src="images/changjing.gif"  width="100%" height="300px" border="0" id="changjing"/></div>


	
</body>
</html>